<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="ul-ol-dl">
			<p>这是一个带符号的无序列表,使用 ul和li标签 </p>
			<ul>
				<li>AAAAA</li>
				<li>bbbbb</li>
				<li>CCCCC</li>
			</ul>
			
			<hr >
			<p>这是一个带符号的有序列表,使用 ul和li标签 </p>
			<ol>
				<li>AAAAA</li>
				<li>bbbbb</li>
				<li>CCCCC</li>
			</ol>
			
			<hr >
			<p>这是一个带符号的有序列表,使用type="a"指定列表符号 </p>
			<ol type="a">
				<li>AAAAA</li>
				<li>bbbbb</li>
				<li>CCCCC</li>
			</ol>
			
			<hr >
			<p>这是一个带符号的有序列表,使用type="I"指定列表符号 </p>
			<ol type="I">
				<li>AAAAA</li>
				<li>bbbbb</li>
				<li>CCCCC</li>
			</ol>
			
			<hr >
			<h2>自定义列表 dl dt dd</h2>
			<dl>
				<dt>标题</dt>
				<dd>描述</dd>
				<dd>描述</dd>
				<dd>描述</dd>
				<dd>描述</dd>
			</dl>
		</div>
		
		<div id="img-a">
			<img src="img/qianfenglgo.png" alt=" alt属性当你的图片加载失败的时候,会显示这个文字" title="title属性,这是图片的提示,当鼠标画上去的时候,就回显示" >
			
			<hr >
			
			
			<a href="http://www.baidu.com">百度</a>
			<a href="http://mobiletrain.org">
				<img src="img/qianfenglogo.png" >
			</a>
			<a href="https://www.baidu.com">
				<button>跳转到百度</button>
			</a>
			<p>
				超链接中可以包含 文字 图片 按钮等多种元素
			</p>
			<p>
				元素会出现默认的下划线效果，后期我们会通过CSS将默认下划线去掉
			</p>
			
			<hr >
			
			<p>
				给超链接的target属性赋值，target="_blank" 的时候，点击超链接，会打开新页面 
				<a href="http://www.baidu.com" target="_blank">点击这里</a>
			</p>
			
			<p>
				给超链接的href属性赋值，href="" 的时候，点击超链接，会是什么反应？？ 
				<a href="">点击这里</a>
			</p>
			
			<p>
				给超链接的href属性赋值，href="" 的时候，点击超链接，如果不想刷新页面，可以吧href="#" 
				<a href="#">点击这里</a>
			</p>
			<p>
				给超链接的href属性赋值，href="javascript:void(0)" 的时候，点击超链接，毫无反应。
				<a href="javascript:void(0)">点击这里</a>
			</p>
			
		</div>
		
		<div>
			div的主要作用，就是用来划分区域
		</div>
		<div>
			<span>span标签的作用，用来填写较少的文字</span>
		</div>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
	</body>
</html>